<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>主页</title>
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/slide.css">
		<link rel="stylesheet" type="text/css" href="css/slides.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<script type="text/javascript" src="js/easySlider1.5.js"></script>
		<script type="text/javascript" src="js/jquery.flow.1.2.auto.js"></script>
		<script type="text/javascript" src="js/demo.js"></script>
		<script type="text/javascript" src="js/flow.js"></script>
		<script type="text/javascript">
	jQuery(document).ready(function() {
		groupList('t_sildes');
		jQuery("#slider").easySlider( {
			auto : true,
			continuous : true
		});

		jQuery("#t_news_notices td").mouseenter(function() {
			jQuery("#t_news_notices td").addClass("no_selected");
			jQuery(this).removeClass("no_selected");
			var name = jQuery(this).attr("class");
			if (name == "notice_tr") {
				jQuery("#home_news_table").css("display", "none");
				jQuery("#home_news_more").css("display", "none");
				jQuery("#home_notice_table").css("display", "inline-block");
				jQuery("#home_notice_more").css("display", "inline-block");
			} else {
				jQuery("#home_news_table").css("display", "inline-block");
				jQuery("#home_news_more").css("display", "inline-block");
				jQuery("#home_notice_table").css("display", "none");
				jQuery("#home_notice_more").css("display", "none");
			}
		});
		
		//捐赠信息循环
		var obj=jQuery("table[class='donation']:eq(1)");
		flow(obj)
	});

	//首屏切换
	function groupList(obj) {
		var jq = jQuery;
		var obj = jq('#' + obj);
		var lis = obj.find('li');
		var h3s = obj.find('h3');
		var len = lis.length;
		jQuery(lis[1]).addClass("active");
		h3s.mouseover(function() {
			lis.each(function(key, obj) {
				jq(this).find('.image').css('display', 'none');
				jq(this).removeClass('cur');
			});
			jq(this).parent().addClass('cur');
			jq(this).parent().find('.image').css('display', 'block');
			realSrc = $(this).parent().find(".image").find("img").attr("name");
			curSrc = $(this).parent().find(".image").find("img").attr("src");
			if (curSrc != realSrc) {
				$(this).parent().find(".image").find("img")
						.attr("src", realSrc);
			}
		});
	}
</script>
	</head>
	<body>
		<div id="up">
			<div id="div_left">
				<div id="t_sildes">
					<ul class="slides">
						<s:iterator value="latestNotes">
							<li class="slide">
								<div class="img-contaniner">
									<a href="manage/viewArticle.action?part=8&uuid=${uuid}"> <img
											src="upload/image/${imagePath}" width="468px" height="270px"
											style="border-left: 2px solid #FFFFFF" /> </a>
								</div>
								<div class="caption">
									<p class="title">
										${title}
									</p>
								</div>
							</li>
						</s:iterator>
					</ul>
				</div>
				<div id="t_funds">
					<!-- left table -->
					<div id="t_middle_tables">
						<table>
							<tr>
								<td id="t_middle_left_title">
									<a href="manage/viewProjects.action?part=2"
										class="t_middle_more"> <img src="images/more_new.png" />
									</a>
								</td>
							</tr>
						</table>
						<table class="t_middle_table">
							<tbody>
								<s:iterator value="latestProjects">
									<tr style="background-image: url(images/dot.png);">
										<td width="15">
											<font color="#9a0000">•</font>
										</td>
										<td width="285">
											<a href="manage/viewProject.action?part=3&uuid=${uuid}"
												target="_blank" title="${ShortName24}">${ShortName24}</a>
										</td>
										<td width="35" class="date_time">
											<s:date name="updateDate" format="MM-dd" />
										</td>
									</tr>
								</s:iterator>
							</tbody>
						</table>
					</div>
					<!-- blank -->

					<!-- right table -->
					<div id="t_middle_tables" style="margin-right: 0px;">
						<table>
							<tr>
								<td id="t_middle_right_title">
									<a href="manage/viewFunds.action?part=3" class="t_middle_more">
										<img src="images/more_new.png" /> </a>
								</td>
							</tr>
						</table>
						<table class="t_middle_table">
							<tbody>
								<s:iterator value="latestFunds">
									<tr style="background-image: url(images/dot.png);">
										<td width="15">
											<font color="#9a0000">•</font>
										</td>
										<td width="285px">
											<a href="manage/viewFund.action?part=3&uuid=${uuid}"
												target="_blank" title="${ShortName24}">${ShortName24}</a>
										</td>
										<td width="35px" class="date_time">
											<s:date name="updateDate" format="MM-dd" />
										</td>
									</tr>
								</s:iterator>
							</tbody>
						</table>
					</div>
				</div>

				<div id="last_chizi">
					<div id="slider">
						<ul>
							<s:iterator value="latestChizi">
								<li>
									<table>
										<tr>
											<td rowspan="2">
												<img src="upload/image/${imagePath}" class="chizi_image"
													width="92" height="117"></img>
											</td>
											<td class="chizi_words">
												${content}
											</td>
										</tr>
										<tr>
											<td class="chizi_title" rowspan="2">
												${ShortTitle30}
											</td>
										</tr>
									</table>
								</li>
							</s:iterator>
						</ul>
					</div>
				</div>
			</div>

			<div id="div_right">
				<div id="news_notices">
					<table id="t_news_notices">
						<tbody>
							<tr>
								<td style="width: 125px;" class="news_tr ">
									工作动态
								</td>
								<td class="notice_tr no_selected">
									通知公告
								</td>
							</tr>
						</tbody>
					</table>

					<table id="home_notice_table">
						<tbody>
							<s:iterator value="latestNotices" status="it">
								<tr>
									<td>
										<a href="manage/viewArticle.action?part=8&uuid=${uuid}"
											target="_blank" title="${shortTitle15}">${shortTitle15}</a>
									</td>
								</tr>
							</s:iterator>
						</tbody>
					</table>


					<div id="home_notice_more" class="div_main_middle_more">
						<a href="manage/viewArticles.action?part=8&type=2"><img
								src="images/more_new.png" /> </a>
					</div>

					<table id="home_news_table">
						<tbody>
							<s:iterator value="latestNews" status="it">
								<tr>
									<td>
										<a href="manage/viewArticle.action?part=8&uuid=${uuid}"
											target="_blank" title="${shortTitle15}">${shortTitle15}</a>
									</td>
								</tr>
							</s:iterator>
						</tbody>
					</table>

					<div id="home_news_more" class="div_main_middle_more">
						<a href="manage/viewArticles.action?part=8&type=1"> <img
								src="images/more_new.png" /> </a>
					</div>

				</div>
				<div id="t_devotes">

					<table id="devote_title">
						<tr>
							<td >
								捐款动态
								<div class="devote_more">
									<a href="http://alumni.ustb.edu.cn/listPersonalDonate.do"><img
											src="images/more_new.png" /> </a>
								</div>
							</td>
						</tr>
					</table>
					<table id="devote_main_table" class="donation">
						<tr class="devote_head">
								<td>
								捐款人(最新50人)
								</td>
								<td>
									捐款金额
								</td>
						</tr>
					</table>
					<div id="donate_info">
						${htmlData}
					</div>
				</div>
				<div id="t_href">
					<table>
						<tr>
							<td id="t_juanzeng">
								<a
									href="http://alumni.ustb.edu.cn/preAddOnlineDonate.do?targetId=1"
									target="_blank"> <img alt="在线捐赠"
										src="images/online_devote.png"></img> </a>
							</td>
							<td style="width: 3px;"></td>
							<td id="t_mianshui">
								<a href="manage/viewArticles.action?part=5&type=13"> <img
										alt="免税文件" src="images/off_tax.png"></img> </a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div id="div_site_links">
			<a href="http://www.ustb.edu.cn/" target="_blank"
				style="margin-left: 180px;"> <span> 北京科技大学 </span> </a>
			<a href="http://alumni.ustb.edu.cn/" target="_blank"> <span>
					北京科技大学校友会 </span> </a>
			<a href="http://60.ustb.edu.cn/" target="_blank"> <span>
					北京科技大学60周年校庆 </span> </a>
			<a href="http://www.mca.gov.cn/" target="_blank"> <span>
					民政部 </span> </a>
			<a href="http://www.bjmzj.gov.cn/" target="_blank"> <span>
					北京市民政局 </span> </a>
			<a href="http://www.baidu.com" target="_blank"> <span> 百度
			</span> </a>
		</div>
	</body>
</html>